06. What Styles Are Applied?
Quiz: Which Styles Are Applied?
Check out the sample site (index.html) in the Workspace. Your goal is to set the following media queries:
- Between 0 and 400 pixels, set the background color to red
- Between 401 and 599 pixels, set the background color to green
- 600 pixels or wider, set the background color to blue
Feel free to write your code in a text editor as well. You may open the page in your browser to test various viewport widths.
After completing this quiz, check out our own implementation (solution.html)!
Workspace
This section contains either a workspace (it can be a Jupyter Notebook workspace or an online code editor work space, etc.) and it cannot be automatically downloaded to be generated here. Please access the classroom with your account and manually download the workspace to your local machine. Note that for some courses, Udacity upload the workspace files onto https://github.com/udacity, so you may be able to download them there.
Workspace Information:
- Default file path:
- Workspace type: html-live
- Opened files (when workspace is loaded): n/a